(function () {
  // 点击滑动事件
  function ts(div) {
    // 开始绑定两个事件
    // var div = document.querySelector(selector);
    return {
      tap: function (cb) {
        // 按下时间
        var startTime;
        // 按下的坐标
        var startX, startY;
        // 绑定按下
        div.addEventListener("touchstart", function (e) {
          // 1 判断按下的手指的个数
          if (e.touches.length > 1) {
            return;
          }

          // 2 记录按下的时间
          // 返回19701 1到现在的时间戳
          startTime = Date.now();

          // 3 记录按下的坐标
          startX = e.touches[0].clientX;
          startY = e.touches[0].clientY;
        });
        // 离开
        div.addEventListener("touchend", function (e) {
          // 1 计算松开手的个数
          // touches targetTouches changedTouches
          if (e.changedTouches.length > 1) {
            return;
          }

          // 2 计算时长 这个时间的单位都是毫秒
          var endTime = Date.now();
          if (endTime - startTime > 200) {
            return;
          }

          // 3 计算距离 绝对值
          var endX = e.changedTouches[0].clientX;
          var endY = e.changedTouches[0].clientY;

          if (Math.abs(endX - startX) > 5 || Math.abs(endY - startY) > 5) {
            // 不满足
            return;
          }

          // 触发自己的点击的逻辑
          // console.log("tap被触发了");
          cb(div);
        });

        return this;
      },
      swipe: function (cb) {
        // 记录按下的时间
        var startTime;
        // 记按下的坐标
        var startX, startY;

        // 1 按下
        div.addEventListener("touchstart", function (e) {
          // 判断手指的个数
          if (e.touches.length > 1) {
            return;
          }

          // 记录按下的时间
          startTime = Date.now();

          // 记录按下的坐标

          startX = e.touches[0].clientX;
          startY = e.touches[0].clientY;
        });

        // 2 离开
        div.addEventListener("touchend", function (e) {
          // 判断手指的个数
          if (e.changedTouches.length > 1) {
            return;
          }

          // 记录离开时间
          var endTime = Date.now();

          // 判断按下的时长
          if (endTime - startTime > 800) {
            return;
          }

          // 获取离开的坐标
          var endX = e.changedTouches[0].clientX;
          var endY = e.changedTouches[0].clientY;

          // 滑动的方向
          var direction;

          //  判断水平方向的距离
          if (Math.abs(endX - startX) > 5) {
            // 判断水平滑动的方向 要么 左滑 或者 右滑
            // 当结束坐标  < 开始的坐标 = 左滑动
            direction = endX < startX ? "left" : "right";
          } else if (Math.abs(endY - startY) > 5) {
            // 做垂直的移动  判断滑动的方向
            // 下滑动   结束坐标 > 开始的坐标
            direction = endY > startY ? "down" : "up";
          } else {
            // 用户压根就没有滑动过手
            return;
          }

          // 通过了以上的验证 触发自己的滑动的逻辑
          // console.log(direction);

          cb(direction);
        });

        return this;
      }
    };
  }
  $(".mmb_foot1_module a:nth-child(3)").click(function(){
    $("html").scrollTop(0); 
});

  $.ajax({
    url: "http://193.112.55.79:9090/api/getcategorytitle",
    dataType: 'json',
    success: function (tit_res) {
      var data = template("cate_temp", tit_res.result);
      $(".mmb_con_category").html(data);
      var con_tits = document.querySelectorAll(".con_category_tit");
      for(var i = 0; i < con_tits.length; i++){
        ts(con_tits[i]).tap(function dinji(isdiv){
          // 获取当前点击元素的data-id
          var dataid = $(isdiv).parent().attr("data-id");
          $.ajax({
            url: "http://193.112.55.79:9090/api/getcategory",
            data: {titleid:dataid},
            dataType: 'json',
            success: function(main_res){
              var main_all_li = "";
              for(var i=0;i<main_res.result.length;i++){
                main_all_li+="<li><a href=\"./productlist.html?categoryid="+ main_res.result[i].categoryId +"\">"+main_res.result[i].category+"</a></li>";
              }
              // 添加进页面
              $(isdiv).siblings('dd').children('ul').html(main_all_li);
              // 添加动画
              $(isdiv).siblings('dd').slideToggle();
              // console.log(main_res);
            }
          });
        });
      }
    }
  });

})();



